<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>客户详情</title>
	<link rel="stylesheet" type="text/css" href="../../build/css/base.css"/>
	<link rel="stylesheet" type="text/css" href="../../build/css/main.css">
	<link rel="stylesheet" href="../../build/css/mine.css">
	<script src="../../build/public/vue.js" charset="utf-8"></script>
	<script src="../../build/public/vue-resource.js" charset="utf-8"></script>
	<script src="../../build/js/config.js"></script>
	<script src="../../build/js/common.js"></script>
	<script src="../../build/js/jquery.min.js"></script>
	<script src="../../build/js/global.js"></script>
	<script src="../../build/public/base.js"></script>
</head>
<body>
	<div id="container" style="padding-bottom:50px;">
		<!-- 客户信息详情 -->
		<!-- 头部 -->
		<div class="cus-detail">
			<div class="cus-detail-top">
				<div class="cus-detail-t-l">
					<a :href="mobile"><span class="iconfont">&#xe620;</span><br>拨打</a>
				</div>
				<div class="cus-detail-t-c">
					<a class="cus-detail-img">
						<img :src="pictrue" alt="" width="90" height="90">
					</a>
				</div>
				<div class="cus-detail-t-r">
					<a :href="mess"><span class="iconfont">&#xe61e;</span><br>信息</a>
				</div>
			</div>
			<div class="cus-detail-bot">
				<div class="cus-detail-t-text">
					<p>{{userName}}</p>
					<p>{{mobile3}}</p>
				</div>
			</div>
		</div>
		<!-- 内容部分 -->
		<div>
			<div class="content">
				<div class="cus-wrap">
					<div class="cus-con">
						<div class="cus-in">
							<div class="cus-total mine-total">
								<span class="circle"><i></i></span>
								订单记录
							</div>
							<div class="line"></div>
							<ul class="cus-in-li mine-order-con">
								<li v-for='order in orders'>
									<span class="mine-order-year">{{order.year}}</span>
									<span class="mine-order-date">{{order.month}}</span>
									<div class="mine-order">
										<div class="mine-proname">{{order.productName}}</div>
										<div class="mine-name">
											<span class="mine-order-no orange" style="text-align:left;">状态：{{order.insureStatus | orderStatusName}}</span>
											<!-- <span class="current mine-type blue" style="float: right;" v-on:click="toProduct(order.productId)">产品详情</span> -->
										</div>
										<div class="cus-list-bot mine-list-bot">
											<span class="mine-order-no" style="width:45%;">订单号：{{order.orderNo}}</span>
											
											<span class="mine-type">{{order.orderType | categoryName}}</span>
										</div>
									</div>
								</li>

							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
<script src="../../build/js/mine/customer.js"></script>
</body>
</html>
